<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>小米商城</title>
    <link rel="stylesheet" href="css/index.css" type="text/css">
    <link rel="shortcut icon" href="images/mi_logo_bg_07.gif">
</head>
<body>
<div class="weaper">
    <div class="header-inner">
        <div class="header">
            <ul class="nav1 clearfix">
                <li class="btn1"><a href="">小米商城</a></li>
                <li class="btn2"><a href="">MIUI</a></li>
                <li class="btn3"><a href="">米聊</a></li>
                <li class="btn4"><a href="">游戏</a></li>
                <li class="btn5"><a href="">多看阅读</a></li>
                <li class="btn6"><a href="">云服务</a></li>
                <li class="btn7"><a href="">金融</a></li>
                <li class="btn8"><a href="">小米商城移动版</a></li>
                <li class="btn9"><a href="">问题反馈</a></li>
                <li class="btn10"><a href="">Select Region</a></li>
            </ul>
            <ul class="nav2 clearfix">
                <li class="btn1"><a href="2.html">登录</a></li>
                <li class="btn2"><a href="2.html">注册</a></li>
                <li class="btn3"><a href="">消息通知</a></li>
                <span><a href="">购物车</a></span>
            </ul>
        </div>
    </div>
    <div class="nav-inner">
        <div class="nav clearfix">
            <img src="images/mi_logo_bg_07.gif" alt="" class="logo1">
            <a href=""><img src="images/yyymix.gif" alt="" class="logo2"></a>
            <ul class="nav1 clearfix">
                <li class="btn1"><a href="">小米手机</a></li>
                <li class="btn2"><a href="">红米</a></li>
                <li class="btn3"><a href="">平板·笔记本</a></li>
                <li class="btn4"><a href="">电视</a></li>
                <li class="btn5"><a href="">盒子·影音</a></li>
                <li class="btn6"><a href="">路由器</a></li>
                <li class="btn7"><a href="">智能硬件</a></li>
                <li class="btn8"><a href="">服务</a></li>
                <li class="btn9"><a href="">社区</a></li>
            </ul>
            <div class="ssk">
                <input type="text" class="kuang" placeholder="小米6小米MAX现货">
                <a href="www.404.com"><button>搜索</button></a>
            </div>
        </div>
    </div>
    <div class="banner-inner">
        <div class="banner">
            <div class="top">
                <div class="left">
                    <ul class="nav">
                        <li class="btn1"><a href="">手机</a><a href="">电话卡</a></li>
                        <li class="btn2"><a href="">笔记本</a><a href="">平板</a></li>
                        <li class="btn3"><a href="">电视</a><a href="">盒子</a></li>
                        <li class="btn4"><a href="">路由器</a><a href="">智能硬件</a></li>
                        <li class="btn5"><a href="">移动电源</a><a href="">电池</a><a href="">插线板</a></li>
                        <li class="btn6"><a href="">耳机</a><a href="">音响</a></li>
                        <li class="btn7"><a href="">保护套</a><a href="">贴膜</a></li>
                        <li class="btn8"><a href="">线材</a><a href="">支架</a><a href="">存储卡</a></li>
                        <li class="btn9"><a href="">箱包</a><a href="">服饰</a><a href="">鞋</a><a href="">眼镜</a></li>
                        <li class="btn10"><a href="">米兔</a><a href="">生活周边</a></li>
                    </ul>
                </div>
                <div class="right clearfix">
                    <p class="wz1">小米6</p>
                    <p class="wz2">边角双摄，拍照更美</p>
                    <p class="wz3">晓龙835 旗舰处理器，6G内存，5.15"护眼屏</p>
                    <p class="wz4"><span class="rmb">¥</span>2499<span class="qi">起</span></p>
                    <span class="btn"><a href="">5月9日 0点开售</a></span>
                </div>
            </div>
            <div class="bottom">
                <div class="z1">
                    <span class="wz1"><a href=""><img src="images/logo_1_bg_03.png" alt="" class="logo1"><p>选购手机</p></a></span>
                    <span class="wz2"><a href=""><img src="images/logo_2_bg_08.png" alt="" class="logo2"><p>企业团购</p></a></span>
                    <span class="wz3"><a href=""><img src="images/logo_3_bg_05.png" alt="" class="logo3"><p>一元活动</p></a></span>
                    <span class="wz4"><a href=""><img src="images/logo_4_bg_22.png" alt="" class="logo4"><p>小米移动</p></a></span>
                    <span class="wz5"><a href=""><img src="images/logo_5_bg_25.png" alt="" class="logo5"><p>以旧换新</p></a></span>
                    <span class="wz6"><a href=""><img src="images/logo_6_bg_26.png" alt="" class="logo6"><p>话费充值</p></a></span>
                </div>
                <a href="" class="bo1">
                    <div class="z2">
                        <p class="wz01">红米4X</p>
                        <p class="wz02">超长续航,5"舒适单手握感,699元起</p>
                        <img src="images/logo_01_bg_19.png" alt="" class="logo01">
                    </div>
                </a>
                <a href="" class="bo2">
                    <div class="z3">
                        <p class="wz01">小米5<sapn>64GB</sapn></p>
                        <p class="wz02">拍照不虚,画质很清晰,1799元</p>
                        <img src="images/logo_02_bg_14.png" alt="" class="logo02">
                    </div>
                </a>
                <a href=""class="bo3">
                    <div class="z4">
                        <p class="wz01">九号平衡车</p>
                        <p class="wz02">让每次出游变成一种期待 1999元</p>
                        <img src="images/logo_03_bg_16.png" alt="" class="logo03">
                    </div>
                </a>
            </div>
        </div>
    </div>
    <div class="main-inner">
        <div class="main">
            <div class="top">
                <p class="z1">小米明星单品</p>
                <span class="xian1">
                    <a href="">
                        <img src="images/shoji_1_bg_43.png" alt="" class="logo1">
                        <p class="wz1" style="color: #0c0c13">小米MIX</p>
                        <p class="wz2">5月9日-21日享花呗12期分期免息</p>
                        <a href="" class="jg">3499元起</a>
                    </a>
                </span>
                <span class="xian2">
                    <a href="">
                        <img src="images/shouji_2_bg_43.png" alt="" class="logo2">
                        <p class="wz1" style="color: #0c0c13">小米5s</p>
                        <p class="wz2">5月9日-10日,下单立减200元</p>
                        <a href="" class="jg">1999元</a>
                    </a>
                </span>
                <span class="xian3">
                    <a href="">
                        <img src="images/shouji_3_bg_43.png" alt="" class="logo3">
                        <p class="wz1" style="color: #0c0c13">小米手机5 64GB</p>
                        <p class="wz2">5月9日-10日,下单立减100元</p>
                        <a href="" class="jg">1799元</a>
                    </a>
                </span>
                <span class="xian4">
                    <a href="">
                        <img src="images/shouji_4_bg_09.png" alt="" class="logo4">
                        <p class="wz1" style="color: #0c0c13">小米电视3s 55英寸</p>
                        <p class="wz2">5月9日,下单立减200元</p>
                        <a href="" class="jg">3999元</a>
                    </a>
                </span>
                <span class="xian5">
                        <a href="">
                        <img src="images/shouji_5_bg_05.png" alt="" class="logo5">
                        <p class="wz1" style="color: #0c0c13">小米笔记本</p>
                        <p class="wz2">更轻薄，像杂志一随身携带</p>
                        <a href="" class="jg">3599元起</a>
                    </a>
                </span>
            </div>
            <div class="bottom">
                <span class="pj">配件</span>
                <div class="top1">
                    <img src="images/buttom_left_top_bg_07.png" alt="" class="logo1">
                    <a href="">
                        <span class="wz1">
                            <img src="images/logo01_bg_12.png" alt="">
                            <p class="z1">小米6 硅胶保护套</p>
                            <p class="z2">49元</p>
                            <p class="z3">372人评价</p>
                        </span>
                    </a>
                    <a href="">
                        <span class="wz2">
                            <img src="images/logo02_bg_11.png" alt="">
                            <p class="z1">小米手机4c 小米4c 智能</p>
                            <p class="z2">29元</p>
                            <p class="z3">372人评价</p>
                        </span>
                    </a>
                    <a href="">
                        <span class="wz3">
                            <img src="images/logo03_bg_13.png" alt="">
                            <p class="z1">红米NOTE 4X 红米note4X</p>
                            <p class="z2">19元</p>
                            <p class="z3">372人评价</p>
                        </span>
                    </a>
                    <a href="">
                        <span class="wz4">
                            <img src="images/logo04_bg_15.png" alt="">
                            <p class="z1">小米支架式自拍杆</p>
                            <p class="z2">89元</p>
                            <p class="z3">372人评价</p>
                        </span>
                    </a>
                </div>
                <div class="bottom1">
                    <img src="images/buttom_left_bottom_bg_09.png" alt="" class="logo2">
                    <a href="">
                        <span class="wz5">
                            <img src="images/logo05_bg_24.png" alt="">
                            <p class="z1">小米指环支架</p>
                            <p class="z2">19元</p>
                            <p class="z3">372人评价</p>
                        </span>
                    </a>
                    <a href="">
                        <span class="wz6">
                            <img src="images/logo06_bg_26.png" alt="">
                            <p class="z1">米家随身风扇</p>
                            <p class="z2">19.9元</p>
                            <p class="z3">372人评价</p>
                        </span>
                    </a>
                    <a href="">
                        <span class="wz7">
                            <img src="images/logo07_bg_28.png" alt="">
                            <p class="z1">红米4X高透软胶保护套</p>
                            <p class="z2">59元</p>
                            <p class="z3">775人评价</p>
                        </span>
                    </a>
                    <a href="" class="y1">
                        <img src="images/yaokong_bg_31.png" alt="">
                        <p class="j1">红米Note4智...</p>
                        <p class="j2">39元</p>
                    </a>
                    <a href="" class="y2">
                        <img src="images/biao_bg_38.png" alt="">
                        <p class="j1">浏览更多</p>
                        <p class="j2">保护套</p>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-inner">
        <div class="footer">
            <p class="wz1">小米商城|MIUI|米聊|游戏|多看阅读|云服务|金融|小米商城移动版|问题反馈|Select Region</p>
            <p class="wz2">©mi.com 京ICP证110507号 京IPC备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号</p>
            <p class="wz3">违法和不良信息举报电话：185-0310-1238,本网所列数据,除特别说明,所有数据均出自我司实验室测试</p>
        </div>
    </div>
</div>
</body>
</html>